<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>木兮地板</title>
    <link rel="shortcut icon" href="./images/logo.ico" type="image/x-icon" />
    <link rel="stylesheet" href="./css/base.css" />
    <!-- Bootstrap -->
    <link
      rel="stylesheet"
      href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
      integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu"
      crossorigin="anonymous"
    />
    <link rel="stylesheet" href="./css/index.css" />
    <link rel="stylesheet" href="./css/common.css" />
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script
      src="https://fastly.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"
      integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ"
      crossorigin="anonymous"
    ></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script
      src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
      integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
      crossorigin="anonymous"
    ></script>
  </head>
  <body>
    <!-- 导航条 -->
    <nav class="navbar navbar-default">
      <div class="container container-fluid navbar-container">
        <div class="navbar-header">
          <a class="navbar-brand" href="#">
            <img alt="Brand" src="./images/logo0.png" />
          </a>
        </div>
        <ul class="navbar-right">
          <li><a class="active" href="">首页</a></li>
          <li><a href="">关于公司</a></li>
          <li><a href="">产品展示</a></li>
          <li><a href="">招商加盟</a></li>
          <li><a href="">联系我们</a></li>
        </ul>
      </div>
    </nav>
    <!-- 轮播图 -->
    <div id="carousel-id" class="carousel slide" data-ride="carousel">
      <ol class="carousel-indicators">
        <li data-target="#carousel-id" data-slide-to="0" class=""></li>
        <li data-target="#carousel-id" data-slide-to="1" class=""></li>
        <li data-target="#carousel-id" data-slide-to="2" class="active"></li>
      </ol>
      <div class="carousel-inner">
        <div class="item">
          <img
            data-src="holder.js/900x500/auto/#777:#7a7a7a/text:First slide"
            alt="First slide"
            src="./images/banner1.jpg"
          />
        </div>
        <div class="item">
          <img
            data-src="holder.js/900x500/auto/#666:#6a6a6a/text:Second slide"
            alt="Second slide"
            src="./images/banner2.jpg"
          />
        </div>
        <div class="item active">
          <img
            data-src="holder.js/900x500/auto/#555:#5a5a5a/text:Third slide"
            alt="Third slide"
            src="./images/banner3.jpg"
          />
        </div>
      </div>
      <a class="left carousel-control" href="#carousel-id" data-slide="prev"
        ><span class="glyphicon glyphicon-chevron-left"></span
      ></a>
      <a class="right carousel-control" href="#carousel-id" data-slide="next"
        ><span class="glyphicon glyphicon-chevron-right"></span
      ></a>
    </div>

    <!-- 主体部分 -->
    <div class="container container-fluid container-main">
      <div class="main-title">企业精神</div>
      <div class="main-list row container-fluid">
        <div class="list col-md-3 col-sm-12 col-xs-12">
          <img src="./images/pinpai.png" alt="" />
          <p class="title">品质</p>
          <p class="sm-title">品质是品牌的发展基石</p>
          <p class="sm-title">坚持好品质,必定铸就优质品牌</p>
        </div>
        <div class="list col-md-3 col-sm-12 col-xs-12">
          <img src="./images/keji.png" alt="" />
          <p class="title">科技</p>
          <p class="sm-title">科技是品牌的助推力</p>
          <p class="sm-title">只有不断科技创新,才能不会被淘汰</p>
        </div>
        <div class="list col-md-3 col-sm-12 col-xs-12">
          <img src="./images/chengxin.png" alt="" />
          <p class="title">诚信</p>
          <p class="sm-title">诚信是品牌的防护盾</p>
          <p class="sm-title">诚信企业,放心品牌才能走的更长久</p>
        </div>
        <div class="list col-md-3 col-sm-12 col-xs-12">
          <img src="./images/gongying.png" alt="" />
          <p class="title">共赢</p>
          <p class="sm-title">共赢是品牌的生命力</p>
          <p class="sm-title">与客户共赢,与员工共赢与企业共赢</p>
        </div>
      </div>
      <!-- 图片列表 -->
      <div class="product">
        <div class="product_title">
          <p class="product_show">产品展示</p>
        </div>
        <div class="product_list">
          <div class="row">
            <div class="col-md-4 col-sm-6">
              <div><img src="./images/item01.jpg" alt="" /></div>
            </div>
            <div class="col-md-4 col-sm-6">
              <div><img src="./images/item02.jpg" alt="" /></div>
            </div>
            <div class="col-md-4 col-sm-6">
              <div><img src="./images/item03.jpg" alt="" /></div>
            </div>
            <div class="col-md-4 col-sm-6">
              <div><img src="./images/item04.jpg" alt="" /></div>
            </div>
            <div class="col-md-4 col-sm-6">
              <div><img src="./images/item05.jpg" alt="" /></div>
            </div>
            <div class="col-md-4 col-sm-6">
              <div><img src="./images/item06.jpg" alt="" /></div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- 页脚——不是响应式 -->
    <div class="footer">
      <div class="container container-fluid container-footer">
        <div class="row">
          <div class="footer-logo col-md-3 col-sm-4">
            <img src="./images/logo2.png" alt="" />
          </div>
          <div class="footer-list col-md-6 col-sm-8">
            <div class="footer-list-msg row">
              <div class="col-md-3 col-sm-3 col-xm-12"><a href="#">关于公司</a></div>
              <div class="col-md-3 col-sm-3 col-xm-12"><a href="#">产品展示</a></div>
              <div class="col-md-3 col-sm-3 col-xm-12"><a href="#">招商加盟</a></div>
              <div class="col-md-3 col-sm-3 col-xm-12"><a href="#">联系我们</a></div>
            </div>
            <p>版权所有©木兮实业有限公司 鄂ICP备18011650号</p>
          </div>
          <div class="footer-contact col-md-3 col-sm-12">
            <div class="row">
              <p class="col-md-12 col-sm-4 col-xm-12">
                <span class="glyphicon glyphicon-earphone"></span> 027-83622296
              </p>
              <p class="col-md-12 col-sm-4 col-xm-12"><span class="glyphicon glyphicon-phone"></span> 13387576980</p>
              <p class="col-md-12 col-sm-4 col-xm-12">
                <span class="glyphicon glyphicon-envelope"></span> yt15yi@163.com
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
